{% extends "base.html" %}
{% block head %}
<link rel="stylesheet" type="text/css" href="/iodide.css">
<base target="_blank" rel="noopener noreferrer">
{% endblock %}
{% block content %}
<div id="notebook-header"></div>
<div id="editor-react-root"></div>
<script id="iomd" type="text/iomd">{{ iomd|escape }}</script>
<iframe
  id="eval-frame"
  src="{{ iframe_src|safe }}"
  sandbox="allow-scripts allow-same-origin allow-modals allow-popups allow-popups-to-escape-sandbox"
  allowfullscreen="true"
  allowvr="yes"
  allow="microphone"
></iframe>
{{ user_info|json_script:"userData" }}
{{ notebook_info|json_script:"notebookInfo" }}
<script>
  window.evalFrameOrigin = "{{ eval_frame_origin }}";
</script>
{% for filename, filecontent, mimetype in files %}
<script id="file-{{ filename }}" type="application/base64" mimetype="{{ mimetype }}">{{ filecontent }}</script>
{% endfor %}
<script src="/iodide.js"></script>
{% endblock %}
